<template>
  <div class="planDetails">
    <van-nav-bar title="购买" left-arrow @click-left="onClickLeft"/>
    <!-- 您购买BTC 7日抢先计划二十四期成功！ -->
    <div class="purchase">
      <div>您购买BTC 7日抢先计划二十四期成功！</div>
      <div class="happse">祝您投资愉快！</div>
    </div>
    <img src="../../../assets/images/icon-background.png" alt="">
    <!-- 按钮 -->
    <div class="foor">
              <button>继续浏览</button>
            </div>
  </div>
</template>
<script>
import Vue from "vue";
import axios from "axios";
import { NavBar } from "vant";
export default {
  components: {
    [NavBar.name]: NavBar
  },
  data() {
    return {};
  },
  methods: {
    //返回上一页
    onClickLeft() {
      this.$router.go(-1);
    }
  }
};
</script>
<style lang="less" scoped>
@import "../../../assets/less/variable.less";
.planDetails {
  width: 100%;
  height: 100vh;
  background: #ffffff;

//   购买成功
 .purchase div{
    font-size:18px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    margin-top: 46px;
 }
 .purchase .happse{
     font-size:16px;
    font-family:PingFang-SC-Regular;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-top: 16px;
 }
 img{
     width: 120px;
     height: 150px;
     margin-top: 62px;
 }
 .foor button{
        width: 90%;
        height: 46px;
        background: #D1A658;;
        margin: auto;
        font-size:18px;
        border-radius: 20px;
        margin-top: 55px;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(255,255,255,1);
        border: 1px solid #D1A658;
      }
}
</style>
